import React from 'react';
import './Footer.less';
import {Link} from 'react-router-dom';
import classnames from 'classnames';

function Footer(props) {
    let activeIndex = props.activeIndex;  
    return ( <div className="footer-index fixed flex jc-sa aic">
        <Link to="/home" className={classnames("item fdc jc-c aic",{on:activeIndex===1})}>
            <span className="f22 icon iconfont icon-shouye"></span>
            <span className="mt-5">首页</span>
        </Link>
        {/* <Link to="/target" className={classnames("item fdc jc-c aic",{on:activeIndex===2})}>
            <span className="f22 icon iconfont icon-map"></span>
            <span className="mt-5">目的地</span>
        </Link> */}
        <Link to="/demand" className={classnames("item fdc jc-c aic",{on:activeIndex===3})}>
            <span className="f22 icon iconfont icon-htmal5icon18"></span>
            <span className="mt-5">需求</span>
        </Link>
        <Link to="/discover" className={classnames("item fdc jc-c aic",{on:activeIndex===4})}>
            <span className="f22 icon iconfont icon-faxian"></span>
            <span className="mt-5">发现</span>
        </Link>
        <Link to="/my" className={classnames("item fdc jc-c aic",{on:activeIndex===5})}>
            <span className="f22 icon iconfont icon-wode"></span>
            <span className="mt-5">我的</span>
        </Link>
        <Link to="/demo" className={classnames("item fdc jc-c aic",{on:activeIndex===6})}>
            <span className="f22 icon iconfont icon-shouye"></span>
            <span className="mt-5">demo</span>
        </Link> 
    </div> );
}

export default Footer;